<template>
  <div class="home">
    <h1 class="page-title">欢迎使用 Vue2 项目模板</h1>
    
    <div class="card">
      <h2>项目特性</h2>
      <ul style="margin-top: 1rem; padding-left: 1.5rem;">
        <li>Vue 2.6.14 - 渐进式JavaScript框架</li>
        <li>Vue Router 3.5.4 - 官方路由管理器</li>
        <li>Vuex 3.6.2 - 状态管理模式</li>
        <li>Webpack 5 - 模块打包工具</li>
        <li>ESLint - 代码规范检查</li>
        <li>热更新开发环境</li>
      </ul>
    </div>

    <div class="card">
      <h2>快速开始</h2>
      <p style="margin-top: 1rem;">
        这是一个完整的Vue2项目模板，包含了路由、状态管理、代码规范等基础配置。
        你可以基于这个模板快速开始你的项目开发。
      </p>
      <div style="margin-top: 1.5rem;">
        <router-link to="/about" class="btn">了解更多</router-link>
        <router-link to="/counter" class="btn btn-secondary" style="margin-left: 1rem;">
          查看计数器示例
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home',
};
</script>
